<template>
  <view class="flex-col page">
    <view class="flex-col flex-auto group">
      <view class="flex-col items-start space-y-6">
        <image class="image_5" src="../../static/images/520ca0bb6ef9ec6aba299c7fcca1db22.png" />
        <text class="font_2 text_4">序列号</text>
      </view>
      <view class="flex-col items-start group_2 space-y-18">
        <text class="font_3 text_5">00001</text>
        <text class="font_2">当前绑定人</text>
      </view>
      <text class="self-start font_3 text_6">李子逸</text>
      <text class="self-start font_2 text_7">绑定日期</text>
      <text class="self-start font_3 text_8">2020.5.6</text>
      <text class="self-start font_2 text_9">绑定记录</text>
      <view class="flex-row items-baseline group_3 space-x-6">
        <text class="font_3">2022.9.10</text>
        <text class="font_3">。。。绑定</text>
      </view>
      <text class="self-center text_10">绑定成功！</text>
    </view>
  </view>
</template>

<script>
  export default {
    components: {},
    data() {
      return {};
    },

    methods: {},
  };
</script>

<style scoped lang="scss">
  .page {
    background-color: #ffffff;
    width: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    height: 100%;
    .group {
      padding: 8.33rpx 0 258.33rpx;
      overflow-y: auto;
      .space-y-6 {
        & > view:not(:first-child),
        & > text:not(:first-child),
        & > image:not(:first-child) {
          margin-top: 12.5rpx;
        }
        .image_5 {
          width: 62.5rpx;
          height: 62.5rpx;
        }
        .text_4 {
          margin-left: 33.33rpx;
        }
      }
      .group_2 {
        margin-top: 58.33rpx;
        padding: 0 37.5rpx;
        .text_5 {
          margin-left: 8.33rpx;
        }
      }
      .space-y-18 {
        & > view:not(:first-child),
        & > text:not(:first-child),
        & > image:not(:first-child) {
          margin-top: 37.5rpx;
        }
      }
      .font_2 {
        font-size: 41.67rpx;
        font-family: SourceHanSansCN;
        line-height: 38.54rpx;
        color: #138f87;
      }
      .font_3 {
        font-size: 33.33rpx;
        font-family: SourceHanSansCN;
        line-height: 25rpx;
        color: #383838;
      }
      .text_6 {
        margin-left: 41.67rpx;
        margin-top: 58.33rpx;
        line-height: 30.21rpx;
      }
      .text_7 {
        margin-left: 33.33rpx;
        margin-top: 45.83rpx;
      }
      .text_8 {
        margin-left: 41.67rpx;
        margin-top: 75rpx;
      }
      .text_9 {
        margin-left: 33.33rpx;
        margin-top: 62.5rpx;
      }
      .group_3 {
        margin-top: 58.33rpx;
        padding: 0 41.67rpx;
      }
      .space-x-6 {
        & > view:not(:first-child),
        & > text:not(:first-child),
        & > image:not(:first-child) {
          margin-left: 12.5rpx;
        }
      }
      .text_10 {
        margin-top: 220.83rpx;
        color: #000000;
        font-size: 52.08rpx;
        font-family: SourceHanSansCN;
        line-height: 48.96rpx;
      }
    }
  }
</style>